<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>我的VIP</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <style>
            .title{
                font-weight: bold; 
                font-family: '微软雅黑';
                margin:10px 20px;

            }
            .info{


            }
            .cart{
              
                width:95%;
                height:150px;
                background-color: #fff;
                margin:0 auto;
                border-radius: 15px;
                padding-top: 20px;
                margin-top:10px;

                
            }
            .cart img{

                border-radius: 50px;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
            }
            .title2{
                font-size:24px; 

            }
            .cartinfo{
                float:left;
                width:70%;
                border-bottom: 1px dashed #ccc;
                height:80px;

            }
            .cart_footer{
                width:70%;
                float:right;
                margin-top: 20px;

            }
        </style>
    </head>
    <body style='background-color:#ebebeb'>
        <div class="title">我的卡包</div>
        <div class='info'>
            <div class='cart'>

                <div style="float:left;border-radius: 50px;margin-left: 10px;width:20%" >
                    <img src="__PUBLIC__/logo.jpg" style="width:60px;height:60px"/>
                </div>

                <div class="cartinfo">
                    <div class="title1">林州市城北机动车检测站</div>
                    <div class="title2">200元VIP卡</div>
                </div>
                <div style="clear:both"></div>
                <div class="cart_footer">会员卡号：No.88888888888888</div>
            </div>
            <div style="clear:both"></div>
            <div class='cart'>

                <div style="float:left;border-radius: 50px;margin-left: 10px;width:20%" >
                    <img src="__PUBLIC__/logo.jpg" style="width:60px;height:60px"/>
                </div>

                <div class="cartinfo">
                    <div class="title1">林州市城北机动车检测站</div>
                    <div class="title2">200元VIP卡</div>
                </div>
                <div style="clear:both"></div>
                <div class="cart_footer">会员卡号：No.88888888888888</div>
            </div>
            <div style="clear:both"></div>

        </div>
    </body>
</html>
